<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
	<title>我的收藏</title>
	<link rel="stylesheet" type="text/css" href="../../../css/base.css" />
	<style type="text/css">
		body {
			background-color: #F0F1F2;
		}

		.wraper {
			padding: 0.1rem 0.15rem;
		}

		.item {
			width: 3.45rem;
			border-radius: 0.08rem;
			background: #ffffff;
			padding: 0.1rem;
			display: flex;
			align-items: center;
			margin-bottom: 0.07rem;
		}

		.item .left_img {
			width: 1rem;
			height: 0.99rem;
			border-radius: 0.04rem;
			margin-right: 0.1rem;
			flex-shrink: 0;
		}

		.right-cont {
			width: 100%;
		}

		.right-cont .title {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			font-size: 0.14rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(46, 46, 46, 1);
			line-height: 0.21rem;
			margin-bottom: 0.07rem;
			margin-top: 0.01rem;
		}

		.right-cont .sku {
			display: inline-block;
			padding: 0.02rem 0.04rem;
			background: rgba(239, 249, 255, 1);
			border-radius: 0.02rem;
			border: 1px solid rgba(0, 90, 147, 1);
			margin-right: 0.1rem;
			font-size: 0.11rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(0, 90, 147, 1);
			margin-bottom: 0.15rem;
		}

		.right-cont .price {
			display: flex;
			align-items: center;
		}

		.right-cont .price .original_price {
			display: flex;
			font-size: 0.22rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(233, 0, 0, 1);
			line-height: 0.2rem;
			margin-right: 0.05rem;
			align-items: baseline;
		}

		.right-cont .price .original_price .icon {
			font-size: 0.13rem;
		}

		.right-cont .price .current_price {
			display: flex;
			font-size: 0.14rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(179, 179, 179, 1);
			line-height: 0.14rem;
			align-items: baseline;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak="">
		<div class="wraper">
			<!--  -->
			<div class="item" v-for="(vo,index) in info">
				<!--  -->
				<div class="left_img">
					<img :src="vo.cover" alt="">
				</div>
				<!--  -->
				<div class="right-cont">
					<div class="title" v-text="vo.title">

					</div>
					<div class="sku" v-for="(vo1,index1) in vo.service_name">
						{{vo1}}
					</div>
					<div class="price">
						<div class="original_price">
							<span class="icon">￥</span>
							<span>288</span>
						</div>
						<div class="current_price">
							<del>
								<span class="icon">￥</span><span>588</span>
							</del>
						</div>
					</div>
				</div>
			</div>
			<!--  -->
		</div>
	</div>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript" src="../../../script/vue.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script type="text/javascript" src="../../../script/aui-dialog.js"></script>
<script>
	var vm = new Vue({
		el: '#app',
		data: {
			index: 'good',
			info: [],
			page: 1,
			loadmore: true
		},
		methods: {
			get_list: function() {
				get_data('api/opera/mylist', {
					token: $api.getStorage('token'),
					source: vm.index
				}, function(ret) {
					if (ret.status) {
						vm.info = ret.data
					}
				})
			}

		}
	})
	apiready = function() {
		add_event('order_index', function(ret) {
			vm.index = ret.index;
			vm.get_list();
		})
		vm.get_list()
			fnInitPullRefresh(function() {
					vm.page = 1;
					vm.loadmore = true
					vm.info = [];
					vm.get_list()
				})
			// 新版刷新
		refresh_new(function() {
			setTimeout(function() {
				vm.page = 1;
				vm.loadmore = true
				vm.info = [];
				vm.get_list()
				api.refreshHeaderLoadDone()
			}, 1000)
		})
		fnInitScrollToBottom(function() {
				if (vm.loadmore) {
					vm.page++;
					vm.get_list()
				}
			})
			//首页顶部最新按钮跟点赞数按钮点击时触发
		add_event('pintuan_index', function(ret) {
			vm.index = ret.index
			vm.info = [];
			vm.page = 1;
			vm.loadmore = true
			vm.get_list()
		})
	};
</script>

</html>
